<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>项目菜单样式图标对应值(点击图标弹出值)</title>
    <link rel="stylesheet" href="../css/layui.css" media="all">
    <link rel="stylesheet" href="../layui.js" media="all">
    <script>
        function close_xx(name) {
            alert('此按钮编码为：' + name);
        }
    </script>
</head>
<body>

<ul class="layui-nav">
    <li class="layui-nav-item" style="font-size: 20px;">
        项目菜单样式图标对应值（点击图标弹出值）
    </li>
    <li class="layui-nav-item" style="float: right;">
        <a href="https://my.oschina.net/u/3204029" target="_blank">一篇博客<span class="layui-badge">1</span></a>
    </li>
</ul>

<div class="layui-main site-inline site-fix">
    <div class="site-content">
        <ul class="site-doc-icon">
            <li>
                <i style="font-size: 50px;" onclick="close_xx('set-fill')" class="layui-icon layui-icon-set-fill"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('search')" class="layui-icon layui-icon-search"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('share')" class="layui-icon layui-icon-share"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('set-sm')" class="layui-icon layui-icon-set-sm"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('engine')" class="layui-icon layui-icon-engine"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('chart-screen')"
                   class="layui-icon layui-icon-chart-screen"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('star')" class="layui-icon layui-icon-star"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('release')" class="layui-icon layui-icon-release"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('list')" class="layui-icon layui-icon-list"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('chart')" class="layui-icon layui-icon-chart"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('layim-theme')"
                   class="layui-icon layui-icon-layim-theme"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('table')" class="layui-icon layui-icon-table"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
            <li>
                <i style="font-size: 50px;" onclick="close_xx('survey')" class="layui-icon layui-icon-survey"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;"
                   onclick="close_xx('templeate-1')"
                   class="layui-icon layui-icon-templeate-1"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('util')" class="layui-icon layui-icon-util"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                         onclick="close_xx('edit')"
                                                                                         class="layui-icon layui-icon-edit"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('speaker')" class="layui-icon layui-icon-speaker"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                               onclick="close_xx('file')"
                                                                                               class="layui-icon layui-icon-file"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('layouts')" class="layui-icon layui-icon-layouts"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                               onclick="close_xx('rate-half')"
                                                                                               class="layui-icon layui-icon-rate-half"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('read')" class="layui-icon layui-icon-read"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                         onclick="close_xx('carousel')"
                                                                                         class="layui-icon layui-icon-carousel"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
            <li>
                <i
                        style="font-size: 50px;"
                        onclick="close_xx('code-circle')" class="layui-icon layui-icon-code-circle"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('water')"
                    class="layui-icon layui-icon-water"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('username')"
                    class="layui-icon layui-icon-username"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                  onclick="close_xx('location')"
                                                                  class="layui-icon layui-icon-location"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('date')"
                    class="layui-icon layui-icon-date"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                              onclick="close_xx('layim-uploadfile')"
                                                              class="layui-icon layui-icon-layim-uploadfile"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('delete')" class="layui-icon layui-icon-delete"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                             onclick="close_xx('friends')"
                                                                                             class="layui-icon layui-icon-friends"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('layer')" class="layui-icon layui-icon-layer"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                           onclick="close_xx('dollar')"
                                                                                           class="layui-icon layui-icon-dollar"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
            <li>
                <i
                        style="font-size: 50px;"
                        onclick="close_xx('group')" class="layui-icon layui-icon-group"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                               onclick="close_xx('layim-download')"
                                                                                               class="layui-icon layui-icon-layim-download"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('picture-fine')" class="layui-icon layui-icon-picture-fine"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('link')" class="layui-icon layui-icon-link"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                         onclick="close_xx('diamond')"
                                                                                         class="layui-icon layui-icon-diamond"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('log')" class="layui-icon layui-icon-log"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                       onclick="close_xx('rate-solid')"
                                                                                       class="layui-icon layui-icon-rate-solid"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('upload')" class="layui-icon layui-icon-upload"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                             onclick="close_xx('dialogue')"
                                                                                             class="layui-icon layui-icon-dialogue"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('video')" class="layui-icon layui-icon-video"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
            <li>
                <i style="font-size: 50px;"
                   onclick="close_xx('cellphone-fine')"
                   class="layui-icon layui-icon-cellphone-fine"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('face-smile-b')" class="layui-icon layui-icon-face-smile-b"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('form')" class="layui-icon layui-icon-form"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                         onclick="close_xx('cart')"
                                                                                         class="layui-icon layui-icon-cart"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('camera-fill')" class="layui-icon layui-icon-camera-fill"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('tabs')"
                    class="layui-icon layui-icon-tabs"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('fonts-code')"
                    class="layui-icon layui-icon-fonts-code"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                    onclick="close_xx('fire')"
                                                                    class="layui-icon layui-icon-fire"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('set')"
                    class="layui-icon layui-icon-set"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                             onclick="close_xx('picture')"
                                                             class="layui-icon layui-icon-picture"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
            <li>
                <i style="font-size: 50px;" onclick="close_xx('flag')"
                   class="layui-icon layui-icon-flag"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                             onclick="close_xx('rmb')"
                                                             class="layui-icon layui-icon-rmb"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('home')"
                    class="layui-icon layui-icon-home"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                              onclick="close_xx('user')"
                                                              class="layui-icon layui-icon-user"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('notice')"
                    class="layui-icon layui-icon-notice"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                onclick="close_xx('upload-drag')"
                                                                class="layui-icon layui-icon-upload-drag"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('snowflake')" class="layui-icon layui-icon-snowflake"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('file-b')"
                    class="layui-icon layui-icon-file-b"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('template')"
                    class="layui-icon layui-icon-template"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                  onclick="close_xx('auz')"
                                                                  class="layui-icon layui-icon-auz"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
            <li>
                <i
                        style="font-size: 50px;" onclick="close_xx('console')"
                        class="layui-icon layui-icon-console"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                     onclick="close_xx('app')"
                                                                     class="layui-icon layui-icon-app"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('website')"
                    class="layui-icon layui-icon-website"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                 onclick="close_xx('component')"
                                                                 class="layui-icon layui-icon-component"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('camera')" class="layui-icon layui-icon-camera"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                             onclick="close_xx('note')"
                                                                                             class="layui-icon layui-icon-note"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('password')" class="layui-icon layui-icon-password"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('theme')"
                    class="layui-icon layui-icon-theme"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('tread')" class="layui-icon layui-icon-tread"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                                           onclick="close_xx('praise')"
                                                                                           class="layui-icon layui-icon-praise"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
            <li>
                <i style="font-size: 50px;" onclick="close_xx('rate')" class="layui-icon layui-icon-rate"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i style="font-size: 50px;" onclick="close_xx('vercode')" class="layui-icon layui-icon-vercode"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                <i
                        style="font-size: 50px;"
                        onclick="close_xx('cellphone')" class="layui-icon layui-icon-cellphone"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;"
                    onclick="close_xx('cols')"
                    class="layui-icon layui-icon-cols"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('export')"
                    class="layui-icon layui-icon-export"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i style="font-size: 50px;"
                                                                onclick="close_xx('print')"
                                                                class="layui-icon layui-icon-print"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i
                    style="font-size: 50px;" onclick="close_xx('slider')"
                    class="layui-icon layui-icon-slider"></i>&nbsp;&nbsp;&nbsp;&nbsp;
            </li>
        </ul>
    </div>
</div>
</body>
</html>